<!DOCTYPE html>
<html>
	<head>
		<title>于阜山图集 - 分享生活的小事	</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<meta name="keywords" content="typecho,php,blog"/>
		<meta name="description" content="生活的小事"/>
    <link rel="apple-touch-icon" href="./img/g.png">
    <meta name="apple-mobile-web-app-title" content="于阜山图集">
    <link rel="bookmark" href="https://img.zhheo.com/i/2022/10/09/63425954ad147.png">
    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="https://img.zhheo.com/i/2022/10/09/63425954ad147.png" >
    <link rel="icon" href="https://img.zhheo.com/i/2022/10/08/6340fc3173131.png">
		<link rel="stylesheet" type="text/css" href="https://plog.zhheo.com/usr/themes/time/assets/css/main.css" />
		<link rel="stylesheet" type="text/css" href="https://plog.zhheo.com/usr/themes/time/assets/css/noscript.css" />
		<noscript><link rel="stylesheet" href="https://plog.zhheo.com/usr/themes/time/assets/css/noscript.css" /></noscript>
		<link rel="stylesheet" href="https://plog.zhheo.com/usr/themes/time/assets/css/main.css" />
		<link rel="stylesheet" href="https://cdn3.codesign.qq.com/icons/dDyopjDLkGjVe1g/latest/iconfont.css">
<!--		<link rel="stylesheet" href="//at.alicdn.com/t/font_1635479_m8o2ir6mitf.css">-->
		<script src="./usr/themes/time/assets/js/font_1635479_m8o2ir6mitf.js"></script>
	</head>
	<body class="is-preload">
  <header id="header">
            <a href="http://fsvip.gitee.io/plog/"><img class="site-logo" src="./img/g.png"></a>
						<h1><a href="http://fsvip.gitee.io/plog/"><strong>小于</strong></h1></a>
            <span class="discription">分享生活的小事</span>
						<nav>
							<ul>
                <li class='nav-item'><a class="icon solid fa-info-circle nav-item-name">分类</a><ul class="nav-item-child"><li class="category-level-0 category-parent"><a href="">旅行日记</a></li><li class="category-level-0 category-parent"><a href="">生活点滴</a></li><li class="category-level-0 category-parent"><a href="">我的设计</a></li></ul></li>
								<li><a type="button" id="fullscreen" class="btn btn-default visible-lg visible-md" alt="切换全屏"><svg  class="icon-zmki zmki_dh zmki_wap" aria-hidden="true"><use xlink:href="#icon-zmki-ziyuan-copy"></use></svg></a></li>
								<li><a href="#footer">关于</a></li>
							</ul>
						</nav>
					</header>
		<!-- Wrapper -->
		<div id="wrapper">
				<!-- Header -->
					<!-- Main -->
			<div id="main" >
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/1.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null" data-src="./img/1.jpg"   />
					</a>
					<h2>春游</h2>
					<p><p>带着可爱的小公主春游吧。</p></p>
					<li class="tag-categorys"><a href="http://fsvip.gitee.io/plog/">旅行日记</a></li>
				</article>
				<article class="thumb img-area">
				    <a class="image my-photo"  alt="loading" href="./img/2.jpg" >
				   		<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null" data-src="./img/2.jpg"   />
				   	</a> 
					<h2>这两种蔬菜，有木有认识的</h2>
					<p><p>傻傻分不清的我，终于认识了它。</p></p>
            		<li class="tag-categorys"><a href="http://fsvip.gitee.io/plog/">生活点滴</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/4.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null" data-src="./img/4.jpg"   />
					</a>
					<h2>电影小镇</h2>
					<p><p>我在电影小镇很想你。在泡泡摩天轮下，等风，也等你！</p></p>
					<li class="tag-categorys"><a href="http://fsvip.gitee.io/plog/">旅行日记</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/5.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null" data-src="./img/5.jpg"   />
					</a>
					<h2>银行</h2>
					<p><p>取点票子，办点事。</p></p>
					<li class="tag-categorys"><a href="http://fsvip.gitee.io/plog/">生活点滴</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/3.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null"
							 data-src="./img/3.jpg" />
					</a>
					<h2>凌度</h2>
					<p><p>首款宽体轿跑车。</p></p>
					<li class="tag-categorys"><a href="http://fsvip.gitee.io/plog/">我的拍摄</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/6.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null" data-src="./img/6.jpg"   />
					</a>
					<h2>电影小镇</h2>
					<p><p>夜灯！</p></p>
					<li class="tag-categorys"><a href="http://fsvip.gitee.io/plog/">旅行日记</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/7.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null"
							 data-src="./img/7.jpg" />
					</a>
					<h2>节日快乐</h2>
					<p><p>鲜花送美人，节日快乐。</p></p>
					<li class="tag-categorys"><a href="http://fsvip.gitee.io/plog/">我的拍摄</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/8.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null"
							 data-src="./img/8.jpg" />
					</a>
					<h2>演出</h2>
					<p><p>宝贝棒棒哒，我为你鼓掌，愿未来的人生一片坦途。</p></p>
					<li class="tag-categorys"><a href="http://fsvip.gitee.io/plog/">我的记录</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/9.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null"
							 data-src="./img/9.jpg" />
					</a>
					<h2>交警</h2>
					<p><p>这是要一只苍蝇也飞不过去的架势！</p></p>
					<li class="tag-categorys"><a href="">我的记录</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/10.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null"
							 data-src="./img/10.jpg" />
					</a>
					<h2>大年初一逛庙会</h2>
					<p><p>走，南天门走一趟！</p></p>
					<li class="tag-categorys"><a href="">我的拍摄</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/11.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null"
							 data-src="./img/11.jpg" />
					</a>
					<h2>宝贝公主</h2>
					<p><p>聪明善良、活泼大方的你，一双大眼睛透着你的聪颖。学习上你积极进取，有恒心、有耐心，自觉学习。小姑娘，加油吧！愿你的明天更加美丽！</p></p>
					<li class="tag-categorys"><a href="">我的拍摄</a></li>
				</article>
				<article class="thumb img-area">
					<a class="image my-photo"  alt="loading" href="./img/12.jpg" >
						<img class="zmki_px  my-photo" onerror="this.src='https://plog.zhheo.com/usr/themes/time/assets/img/loading.gif';this.onerror=null"
							 data-src="./img/12.jpg" />
					</a>
					<h2>大头贴</h2>
					<p><p>千金是个宝，女儿是贴心小棉袄！</p></p>
					<li class="tag-categorys"><a href="">我的拍摄</a></li>
				</article>
			</div>
			<body>
 				<!-- Footer -->
					<footer id="footer" class="panel">
						<div class="inner split">
							<div class="inner split">
							<div>
								<section>
									<h2>关于于阜山图集</h2>
									<p>想用照片记录一下生活，可能不会是摄影图展示，它只是记录我当时点滴的快乐。</p>
								</section>
								<section>
									<h2>联系我</h2>
									<ul class="icons">	
                    <li><a href="http://hnyufushan.top/" target="_blank" class="iconfont icon-shouye" rel="noopener nofollow"><span class="label">首页</span></a></li>
						        <li><a href="https://weibo.com"  target="_blank" class="iconfont icon-weibo" rel="noopener nofollow"><span class="label">微博</span></a></li>
                    <li><a href="https://github.com/hnyufushan/hnyufushan.github.io"  target="_blank" class="iconfont icon-github" rel="noopener nofollow"><span class="label">GitHub</span></a></li>
										</ul>
								</section> 
								<span style="color: #b5b5b5; font-size: 0.8em;">
									<script> var _hmt = _hmt || []; (function() {   var hm = document.createElement("script");   hm.src = "";   var s = document.getElementsByTagName("script")[0];    s.parentNode.insertBefore(hm, s); })(); </script>								<p class="copyright">
									&copy; 设计 XIAOYU & ZMKI 主题. ICP备案号:<a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener nofollow">豫ICP备2022014539号</a>
								</p>
							</div>
							</div>
						<div>
					</footer>
<script type="text/javascript">
function isInSight(el) {
  const bound = el.getBoundingClientRect();
  const clientHeight = window.innerHeight;
  //如果只考虑向下滚动加载
  //const clientWidth=window.innerWeight;
  return bound.top <= clientHeight + 100;
}

let index = 0;
function checkImgs() {
  const imgs = document.querySelectorAll('.my-photo');
  for (let i = index; i < imgs.length; i++) {
    if (isInSight(imgs[i])) {
      loadImg(imgs[i]);
      index = i;
    }
  }
  // Array.from(imgs).forEach(el => {
  //   if (isInSight(el)) {
  //     loadImg(el);
  //   }
  // })
}

function loadImg(el) {
  if (!el.src) {
    const source = el.dataset.src;
    el.src = source;
  }
}

function throttle(fn, mustRun = 10) {
  const timer = null;
  let previous = null;
  return function() {
    const now = new Date();
    const context = this;
    const args = arguments;
    if (!previous) {
      previous = now;
    }
    const remaining = now - previous;
    if (mustRun && remaining >= mustRun) {
      fn.apply(context, args);
      previous = now;
    }
  }
}
 		</script>
		  <script>
    window.onload=checkImgs;
    window.onscroll = throttle(checkImgs);
  </script>
</div> 
		<!-- Scripts -->
      <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/1.7.2/jquery.min.js"></script>
      <script src="https://plog.zhheo.com/usr/themes/time/assets/js/jquery.poptrox.min.js"></script>
			<script src="https://plog.zhheo.com/usr/themes/time/assets/js/browser.min.js"></script>
			<script src="https://plog.zhheo.com/usr/themes/time/assets/js/breakpoints.min.js"></script>
			<script src="https://plog.zhheo.com/usr/themes/time/assets/js/util.js"></script>
			<script src="https://plog.zhheo.com/usr/themes/time/assets/js/main.js"></script>
			
	</body>
</html>